<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>圣罗兰登录页</title>
  <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="/libs/font/iconfont.css">
  <link rel="stylesheet" href="/css/login.css">
</head>
<body>
  <!-- 头部 -->
  <header></header> 
  <!-- 指示 -->
  <div class="shouYe">
    <div class="xing">
      <a href="">首页</a>
      <i class="glyphicon glyphicon-chevron-right"></i>
      <a href="">用户登录</a>
    </div>
  </div>
  <!-- 登录主体 -->
  <div class="main">
    <div class="xing">
      <div class="login">
        <p class="yhdl">用户登录</p>
        <a href="" class="dx">短信验证码登录</a>
        <a href="" class="zh">账号密码登录</a>
        <p class="ndsj">用户名*</p>
        <input type="text" class="ac" id="userName">
        <p class="ma">密码*</p>
        <input type="text" class="ac" id="password">
        <br>
        <input type="checkbox" class="check">
        <p class="jz">记住用户名</p>
        <a href="" class="wj">忘记密码？</a>
        <br>
        <button id="go">登录</button>
        <p class="sy">使用第三方账号登录：</p>
        <img src="../images/dlfs.png">
      </div>
      <!-- 中间文字 -->
      <div class="text">
        <p class="cw">成为圣罗兰官网会员即可尊享</p>
        <div class="wenZhi">
          <p class="p1">获取最新商品信息</p>
          <p class="p2">已经注册邮箱将第一时间获取促销特价信息</p>
          <p class="p2">新品发布，礼盒套装及更多会员专享资讯</p>
        </div>
        <div class="wenZhi">
          <p class="p1">订单历史记录</p>
          <p class="p2">查看你的订单详情，及时了解物流状态</p>
        </div>
        <div class="wenZhi">
          <p class="p1">生日礼遇</p>
          <p class="p2">完善个人生日信息，生日当月发现惊喜</p>
          <p class="p2">届时查看已注册邮箱</p>
        </div>
        <div class="wenZhi">
          <p class="p1">快速购买通道</p>
          <p class="p2">我们会在你的账户保持历史记录账单和配送信息</p>
          <p class="p2">方便快捷购物</p>
        </div>
        <button>成为会员</button>
      </div>
      <!-- 右边电话 -->
      <div class="phone">
        <p class="p1">客户服务</p>
        <p class="p2">如果有任何问题，请联系我们</p>
        <p class="p2">电话：400-820-6362</p>
        <p class="p2">（周一至周五 9:00-18:00）</p>
        <button>在线咨询</button>
      </div>
    </div>
  </div>

  <!-- 尾部 -->
  <footer></footer>

  <!-- 引入JS模块 -->
  <script src="/libs/require/require.min.js" data-main="/js/login"></script>
</body>
</html>